<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">

  <script src="./js/vue.js"></script>

  <title></title>
</head>
<body>
    <div id="app">
        {{  a }}
    </div>


<script>
    var vm = new Vue({
        el:"#app",
        data:{
            a:2
        },
        beforeCreate:function(){
            console.log("创建前")
            console.log(this.a)
            console.log(this.$el)
        },
        Create:function(){
            console.log("创建")
            console.log(this.a)
            console.log(this.$el)
        },
        beforemounted:function(){
            console.log("挂载前")
            console.log(this.a)
            console.log(this.$el)
        },
        mounted:function(){
            console.log("挂载")
            console.log(this.a)
            console.log(this.$el)
        },
        beforeDestory:function(){
            console.log("销毁前")
            console.log(this.a)
            console.log(this.$el)
        },
        Destory:function(){
            console.log("销毁")
            console.log(this.a)
            console.log(this.$el)
        },
    })

</script>
</body>
</html>